jQuery实现异步刷新

您所在的位置：网站首页 › angular loading实现 › jQuery实现异步刷新

jQuery实现异步刷新

2023-05-16 08:57| 来源: 网络整理| 查看: 265

jQuery实现异步刷新原创

赵士杰 2023-05-08 14:39:50 博主文章分类：JS ©著作权

文章标签 jQuery Ajax JSP jsonp json 文章分类 Html/CSS 前端开发

©著作权归作者所有：来自51CTO博客作者赵士杰的原创作品，请联系作者获取转载授权，否则将追究法律责任

Ajax和iframe都可以实现局部刷新。他们实现的功能基本一样。

下面是一个用jquery实现的Ajax局部刷新。

实现的功能是在文本框中输入年龄后，在下面的中显示出数据库中该年龄的所有用户姓名

ajaxshuaxin.jsp:

$(function(){ $("input:eq(1)").click(function(){ $("#show").html(""); $.ajax({ type:"POST", //请求方式 url:"ajaxshuaxin.do", //请求路径 cache: false, //(默认: true,dataType为script和jsonp时默认为false) jQuery 1.2 新功能，设置为 false 将不缓存此页面。 data:"age="+$("input:eq(0)").val(), //传参 dataType: "html", //返回值类型使用json的话也可以，但是需要在JS中编写迭代的html代码，如果格式样式 success:function(data){ 复杂的话还是用html返回类型好 $("#show").html(data); } }); }) }) 年龄：

姓名年龄

ajaxShuaXin.java: String age = req.getParameter("age"); List list = helpService.getList(age); //通过age查询数据库中的数据 HashMap map = new HashMap(); map.put("list", list); return new ModelAndView(getResultPage(),map); //getResultPage()是shuaxin.jsp

shuaxin.jsp:

${str.name} ${str.age}

赞收藏评论分享举报

下一篇：JSON笔记

【本文地址】

jQuery实现异步刷新

jQuery实现异步刷新

今日新闻

推荐新闻